<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>
    //定义一个person  就是创建一个方法,这个方法相当于Java中的.java文件
    function person() {}
    //实例化person对象
    let p=new person();
    //动态添加属性和方法
    p.name="张三";
    p.age=18;

    p.run=function () {
        console.log(this.name+":"+this.age);
    }
    //调用对象方法
    p.run();

    //定义一个自带属性和方法的对象
    function plane() {
        this.name="枪骑兵";
        this.price=180000000;
        this.run=function () {
            console.log(this.name+":"+this.price)
        }
    }
    let c=new plane();
    c.run();

    //直接实例化一个空对象
    let p1={};//相当于new了一个没有任何类型的对象
    //动态添加属性和方法
    p1.name="李四";
    p1.age=19;
    p1.run=function () {
        console.log(this.name+":"+this.age)
    }
    p1.run();


    //通过自定义对象封装数据  []表示数组
    let arr=[{title:"小米",price:3999,num:800},
        {title:"华为",price:4999,num:500},
        {title:"苹果",price:5999,num:780}];
    //forof循环相当于java中的新循环
    for (let item of arr) {
        let p = document.createElement("p");
        p.innerText="商品名:"+item.title+",价格:"+item.price+",库存:"+item.num;
        //将p添加到body里面
        document.body.append(p);
    }
</script>
</body>
</html>